//这个页面中,为什么可以跳转网页===点击每个a标签,发现多了一个target属性,属性的值是fm
// 而且每个a标签的链接地址都是来源iframe,通过查询这个标签,发现这个标签里面可以嵌套网页
//搭配a标签的target属性,可以实现不用js直接跳转======点击那个a链接,就在对应的iframe标签中,显示
// 这个a标签的

// 这里网页可以加一个判断,如果没有本地存储数据,直接返回到登入页面
if(!localStorage.getItem("token"))location.href="/login.html"

//完成页面登录后,基础的信息显示(静态)
/* 1.个人中心,当没有上传图片的时候,图片容器显示隐藏,同时将用户名的首字母大写显示在容器中
有图片的时候,将图片容器显示,上传图片 
2.欢迎你这个地方完成同样的操作*/
function youData() {
    axios.get("/my/userinfo",{headers:{"Authorization":localStorage.getItem("token")}}).then(({data:res})=>{
        // console.log(res);
        let {id,username,nickname,email,user_pic}=res.data
        if(res.status===0) {  //这里是判断是否获取信息成功
            if(nickname) username=nickname
            $(".username").text(username)
            // 这里判断是否有上传图片
            if(!user_pic){     //这里的类名安排的很棒===可以同时修改2个地方
                // console.log(11);   // html页面结构完美,可以节省很多代码
                $(".avatar").css("display","inline-block").text(username[0].toUpperCase())
                $(".layui-nav-img").css("display","none")
            }else{
                $(".avatar").css("display","none")
                $(".layui-nav-img").css("display","inline-block").prop("src",user_pic)
            }
        }
    })
}
youData()
/* 完成退出功能
1.点击退出按钮,返回到登入页面 */
$("#logout").on("click",function () {
    location.href="/login.html"
    localStorage.removeItem("token")   //这里如果不清楚的话,复制了之前的网址,可以直接打开网页
    //为什么会这样呢,是由于登录的作用就是得到一个安全码(也就是去网吧付费后开通的机子),你自己用可以
    //这个机子的密码别人拿到了,也可以直接使用
})

/* 完成基本资料 */
/* 1.这个地方需要在页面登录成功后,会渲染这里的数据===>这里要注意,这个页面不是index的页面,是通过
iframe标签属性跳转另外的页面 */